<template>
  <div>
    <div class="tian">
    
    </div>
  </div>
</template>
<script>
export default {
  mounted() {
    (window.WIDGET = {
      CONFIG: {
        modules: "01234",
        background: 1,
        tmpColor: "FFFFFF",
        tmpSize: 20,
        cityColor: "FFFFFF",
        citySize: 16,
        aqiSize: 16,
        weatherIconSize: 24,
        alertIconSize: 18,
        padding: "40px 40px 40px 40px",
        shadow: "1",
        language: "auto",
        borderRadius: 5,
        fixed: "false",
        vertical: "middle",
        horizontal: "center",
        key: "GhxyemyMgV",
         backgroundColor:"black"
      },
    }),
      (function (d) {
        var c = d.createElement("link");
        c.rel = "stylesheet";
        c.href =
          "https://apip.weatherdt.com/simple/static/css/weather-simple.css?v=2.0";
        var s = d.createElement("script");
        s.src =
          "https://apip.weatherdt.com/simple/static/js/weather-simple.js?v=2.0";
        var sn = d.getElementsByTagName("script")[0];
        sn.parentNode.insertBefore(c, sn);
        sn.parentNode.insertBefore(s, sn);
      })(document);
    console.log(WIDGET);
  },
};
</script>
<style>
.tian {
  width: 90%;
  margin-top: 20px;
}
#weather-v2-plugin-simple{
    background-color: black;
}
.s-sticker{
    background-color: black;
}
</style>